import QtQuick 1.0

Item {
    id: queryDialogComponent
    width: 240
    height: 140
    smooth: true

    Rectangle {
        id: mask
        width: parent.width
        height: parent.height
        border.width: 3
        border.color: "lightgreen"
        radius: 15
        color: Qt.rgba(0,0,0,0.4)
        smooth: true

        MouseArea {
            anchors.fill: parent
            onPressed: {
                mask.color = Qt.rgba(200,30,10,0.6)
            }

            onReleased: {
                mask.color = Qt.rgba(0,0,0,0.4)

                queryDialogComponent.visible = false

                cookingHelper.gotoNextStep()
            }
        }
    }

    Text {
        anchors.centerIn: mask
        text: "Click to go to Step 2"
    }
}
